<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">

  <title>%title%</title>
  <meta name="keywords" content="%keywords%" />
  <meta name="description" itemprop="description" content="%description%" />

  <% if (htmlWebpackPlugin.options.config.mobile) { %>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <% } %>

  <% if (htmlWebpackPlugin.options.config.cssCode) { %>
  <style type="text/css"><%= htmlWebpackPlugin.options.config.cssCode %></style>
  <% } %>

  <% for (var file in htmlWebpackPlugin.options.config.cssUrls) { %>
  <link href="<%= htmlWebpackPlugin.options.config.cssUrls[file] %>" rel="stylesheet">
  <% } %>

</head>
<body>
  <div id="root" style="position: relative;">%root%</div>

  <script>window.__DATA__ = '__DATA__'</script>

  <% if (htmlWebpackPlugin.options.config.jsCode) { %>
  <script><%= htmlWebpackPlugin.options.config.jsCode %></script>
  <% } %>

  <% for (var file in htmlWebpackPlugin.options.config.jsUrls) { %>
  <script src="<%= htmlWebpackPlugin.options.config.jsUrls[file] %>"></script>
  <% } %>
</body>
</html>